@tailwind base;
@tailwind components;
@tailwind utilities;

@import '~antd/dist/antd.less';

svg {
  vertical-align: initial;
}

.App {
  max-height: 100vh;
  overflow: hidden;
}

.flex-center {
  @apply flex items-center justify-center;
}

.flex-between {
  @apply flex items-center justify-between;
}

.flex-start {
  @apply flex items-center justify-start;
}

.flex-end {
  @apply flex items-center justify-end;
}

.text-item+.text-item {
  @apply mt-2;
}

.my-masonry-grid {
  display: flex;
  margin-left: -1rem;
  width: auto;
}
.my-masonry-grid_column {
  padding-left: 1rem;
  background-clip: padding-box;
}

.my-masonry-grid_column > div {
  background: grey;
  margin-bottom: 1rem;
}